﻿@{
    ViewBag.Title = "QuotationReportViewer";
}

<!doctype html>
<html lang="en">
<head runat="server">
    <title>Quotation Report Viewer</title>

    <script src="~/Scripts/codebase/dhtmlxcommon.js" type="text/javascript" charset="utf-8"></script>
    <script src="~/Scripts/codebase/dhtmlxgrid.js" type="text/javascript" charset="utf-8"></script>
    <script src="~/Scripts/codebase/dhtmlxgridcell.js" type="text/javascript" charset="utf-8"></script>
    <script src="~/Scripts/codebase/ext/dhtmlxgrid_pgn.js" type="text/javascript" charset="utf-8"></script>
    <script src="~/Scripts/codebase/ext/dhtmlxgrid_filter.js" type="text/javascript" charset="utf-8"></script>
    <script src="~/Scripts/codebase/ext/dhtmlxgrid_export.js" type="text/javascript" charset="utf-8"></script>
    <script src="~/Scripts/codebase/dhtmlxcalendar.js" type="text/javascript" charset="utf-8"></script>
    <script src="~/Scripts/codebase/excells/dhtmlxgrid_excell_dhxcalendar.js" type="text/javascript" charset="utf-8"></script>
    <script src="~/Scripts/codebase/dhtmlxtoolbar.js" type="text/javascript" charset="utf-8"></script>

    <link rel="stylesheet" href="~/Scripts/codebase/dhtmlxgrid.css" type="text/css" media="screen" charset="utf-8">
    <link rel="stylesheet" href="~/Scripts/codebase/skins/dhtmlxgrid_dhx_skyblue.css" type="text/css" media="screen" charset="utf-8">
    <link rel="stylesheet" href="~/Scripts/codebase/dhtmlxcalendar.css" type="text/css" media="screen" charset="utf-8">
    <link rel="stylesheet" href="~/Scripts/codebase/skins/dhtmlxcalendar_dhx_skyblue.css" type="text/css" media="screen" charset="utf-8">
    <link rel="stylesheet" href="~/Scripts/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css" type="text/css" media="screen" charset="utf-8">
</head>
<body>
    <br />
    <div id="QuotationGrid" style="width:1200px; height:400px;">
    </div>
    <div id="recinfoArea"></div>
    <br />
    <input type="button" name="save" value="save"
           onclick="grid.toExcel('@Url.Content("~/ExportExcel/ExportQuotationGridToExcel")');">
    <script type="text/javascript" charset="utf-8">
        var grid = new dhtmlXGridObject("QuotationGrid");
        grid.setImagePath("../Scripts/codebase/imgs/");
        grid.setHeader("FM, Date, QUO No, Location, PD Quo, Quo Amount (HKD), PD Inv, Inv Amount (HKD), Inv Payment, Payment Ref, Payment Date, Ref, Completed Date, Inv No, WO No, PO No, Amount (HKD)");
        grid.setColAlign("center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center")
        grid.attachHeader("#text_filter,#select_filter,#text_filter,#text_filter,#text_filter,#numeric_filter,#text_filter,#numeric_filter,#numeric_filter,#text_filter,,#text_filter,,#text_filter,#text_filter,#text_filter,#numeric_filter");
        grid.setInitWidths("70,70,100,200,100,100,100,100,100,100,100,120,100,100,120,150,100");
        grid.setColTypes("ro,ro,ro,ro,ed,price,ed,price,price,ed,dhxCalendar,ro,dhxCalendar,ro,ro,ro,price");
        grid.enablePaging(true, 10, 3, "recinfoArea");
        grid.setPagingSkin("toolbar", "dhx_skyblue");
        grid.enableColumnAutoSize(true);
        grid.enableMultiselect(true);
        grid.setSkin("dhx_skyblue");
        grid.init();
        grid.load("/Report/QDataViewer", "json");

    </script>

</body>
</html>